<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/jsp/include/taglibs.jsp"%>
<%@ page import="com.depo.quiggle.view.controller.ViewProfileAction"%>
<%--@elvariable id="actionBean" type="com.depo.quiggle.view.controller.MyProfileAction"--%>
<%--  <c:if test="${actionBean.userProfile.public}">
        <div class="f-l p-5">
             ${actionBean.userProfile.firstName} ${actionBean.userProfile.middleName} ${actionBean.userProfile.lastName} ${actionBean.userProfile.initials}
        </div>
    </c:if> --%>
	<script type="text/javascript" src="${pageContext.request.contextPath}/bjs/jquery.timeentry.min.js"></script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.timeentry.css" />
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/my-profile.css" />
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/base-dashboard.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-timepicker-addon-1.0.1.js"></script>

	<link rel="stylesheet" media="all" type="text/css" href="${pageContext.request.contextPath}/css/jquery/overcast/jquery-ui-1.8.21.custom.css" />
	
<style type="text/css">

.background{background:aliceBlue;margin-bottom: 5px;width: 98%;}
.quiggle-footer{width:400px;}
.heading{
font-weight : bold;
font-family:arial,helvetica;
color:#333333;
}

.timings-public{margin:0px;}
.timings-public li span:first-child{display:inline-block;width:76px;text-align:right;}
.timings-public li span:first-child:after{content:" : ";}
.font{clear:both;}

.ui-widget-header {
    background: url("images/ui-bg_gloss-wave_75_0d67a1_500x100.png") repeat-x scroll 50% 50% #0D67A1;
    border: 1px solid #4297D7;
    color: #EAF5F7;
    font-weight: bold;
	padding:5px;
}

.dashboard{
	border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    padding: 15px;
	}
	
	.dashboard input{color:#272727;}
	
</style>
<stripes:form id="view-profile-form" class="dashboard" action="<%=ViewProfileAction.URL%>">
<c:if test="${actionBean.userProfile.hasPublicAddress}">
	 <c:forEach items="${actionBean.userProfile.addresses}" var="address" varStatus="aLoop">
		<c:set var="addrCnt" value="${aLoop.index+1}"/>
	 </c:forEach>
</c:if>
<c:set var="dtlsCnt" value="0"/>
<c:if test="${actionBean.userProfile.hasPublicContact}">
	 <c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="cLoop">
	 	<c:if test="${contact.public && !contact.deleted}">
	 	 <c:set var="dtlsCnt" value="${dtlsCnt+1}"/>
	 	</c:if>
	 </c:forEach>
</c:if>
<span id="fullNm" class="ui-widget-header" style="font-size:15px;font-weight:bold;"> ${actionBean.userProfile.firstName} ${actionBean.userProfile.middleName} ${actionBean.userProfile.lastName}'s Public Profile </span><br> 
 <div class="f-l p-5 clear background" style="margin-top:10px;">
 	 <div class="f-l p-5">
	    <span id="fullNm" style="font-size:15px;font-weight:bold;">${actionBean.userProfile.firstName} ${actionBean.userProfile.middleName} ${actionBean.userProfile.lastName}
		 
		 </span><br> 
 	 	  <c:if test="${actionBean.userProfile.hasPublicContact}">
           	<c:set var="pCnt" value="0"/>
           	<c:forEach items="${actionBean.userProfile.contacts}" var="contact">
  					<c:if test="${contact.public && !contact.deleted}">
  						<c:if test="${contact.contactType==2}">
  							<c:if test="${pCnt==0}">
  								<span id="prPh" class="heading"> ${contact.contactValue}</span><br>
  								<c:set var="pCnt" value="${pCnt+1}"/>
  							</c:if>
  						</c:if>
  					</c:if>
  				</c:forEach>	
           </c:if>
           <c:if test="${actionBean.userProfile.hasPublicContact}">
           	<c:set var="eCnt" value="0"/>
           	<c:forEach items="${actionBean.userProfile.contacts}" var="contact">
  					<c:if test="${contact.public && !contact.deleted }">
  						<c:if test="${contact.contactType==1}">
  							<c:if test="${eCnt==0}">
  								<span id="prEm" class="heading"> ${contact.contactValue} </span><br/>
  								<c:set var="eCnt" value="${eCnt+1}"/>
  							</c:if>
  						</c:if>
  					</c:if>
  				</c:forEach>	
           </c:if>
 	 

	  <!--<c:if test="${actionBean.userProfile.hasPublicAddress}">
	  	<c:set var="aCnt" value="0"/>
	 <c:forEach items="${actionBean.userProfile.addresses}" var="address">

            <c:if test="${address.public}">
			
            	<c:if test="${aCnt==0}">
				
				<span class="heading"> Address :  ${address.address1} ${address.address2} <br/>	                   
	                    <c:if test="${!empty address.city}">
	                        ${address.city},
	                    </c:if>
	                    ${address.state}  ${address.zip} 
						
					</span>	
					<c:set var="aCnt" value="${aCnt+1}"/>
                </c:if>
				
            </c:if>
        </c:forEach>
		</c:if>-->
 	</div>
 </div>


<%-- Primary Details - START 
<c:if test="${actionBean.userProfile.hasPublicAddress}">
    <div class="f-l p-5 clear background">
	<c:set var="aCnt" value="0"/>
        <c:forEach items="${actionBean.userProfile.addresses}" var="address">
            <c:if test="${address.public}">
            	<c:if test="${aCnt>1}">
	            	
	                <div class="f-l p-5 heading">
                	 
                     Address :  ${address.address1} ${address.address2} <br/>	                   
	                    <c:if test="${!empty address.city}">
	                        ${address.city},
	                    </c:if>
	                    ${address.state}  ${address.zip} <br/>
	                   
	                </div>
	                
                </c:if>
            </c:if>
        </c:forEach>
    </div>
</c:if>
 Primary Details - END --%>


<!--<c:if test="${actionBean.userProfile.hasPublicAddress}">
    <div class="f-l p-5 clear">
    	<c:if test="${addrCnt>1}">
    	<!--<div class="f-l p-5 heading"> Other Addresses: </div><br>
        <c:forEach items="${actionBean.userProfile.addresses}" var="address" varStatus="aLoop">
            <c:if test="${address.public}">
		<span class="heading"><c:if test="${aLoop.index == 0}"> Addresses:</c:if></span><br>
 				<c:if test="${aLoop.index >0}">           
	                <div class="f-l p-5">
	                    ${address.address1} ${address.address2} <br/>	                   
	                    <c:if test="${!empty address.city}">
	                        ${address.city},
	                    </c:if>
	                    ${address.state}  ${address.zip}
	                </div>

                </c:if>

            </c:if>
        </c:forEach>
        </c:if>
    </div>
</c:if> -->    

<c:if test="${actionBean.userProfile.hasPublicAddress}">
	  	<c:set var="aCnt" value="0"/>
		<div class="f-l p-5 clear background">
	 <c:forEach items="${actionBean.userProfile.addresses}" var="address">

            <c:if test="${address.public && !address.deleted}">
			
            	
				<c:if test="${aCnt==0}">
				<span class="p-5 heading"> Address: </span></c:if><br/>
				<c:if test="${!empty address.address1}"><div class="f-l p-5 clear">${address.address1} <br></c:if>
				<c:if test="${!empty address.address2}">${address.address2} <br></c:if>	                   
	                    <c:if test="${!empty address.city}">
	                        ${address.city},
	                    </c:if>
	                    ${address.state}  ${address.zip} 
						
						
					</div><c:set var="aCnt" value="${aCnt+1}"/>
                </c:if>
				
           
        </c:forEach>
		</div>
		</c:if>


   
	
<%-- Other Contacts - START --%>
<c:if test="${actionBean.userProfile.hasPublicContact}">
<c:if test="${(dtlsCnt-pCnt-eCnt) > 0}">
 
 
	<c:set var="ppCnt" value="0"/>
	<c:set var="prpCnt" value="0"/>	
	<c:set var="eeCnt" value="0"/>
	<c:set var="preCnt" value="0"/>	
	<c:set var="pr3Cnt" value="0"/>	
	<c:set var="pr4Cnt" value="0"/>	
	<c:set var="pr5Cnt" value="0"/>	
	<c:set var="pr6Cnt" value="0"/>	
	<c:set var="pr7Cnt" value="0"/>	
	<c:set var="pr8Cnt" value="0"/>	
	<div class="f-l p-5 clear background"> 
	<div class="f-l p-5" id="oa">


	<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
	
		<c:if test="${contact.public && !contact.deleted}">
		 
		<!--<span class="heading"><c:if test="${loop.index == 2}"> Other Details:<div></div></c:if></span>-->
			<c:if test="${contact.contactType==1}">
				<c:if test="${ppCnt!=0}">
					<c:set var="prpCnt" value="${prpCnt+1}"/>
					<c:if test="${prpCnt==1}">
						<c:if test="${contact.contactType==1}">
					
					<br/><span class="heading">${actionBean.contactTypes[0].name}:</span> 
							</c:if> 
						
					</c:if>
					<c:if test="${prpCnt==1}">
						${contact.contactValue}
					</c:if>
					
					<c:if test="${prpCnt>1}">
						, ${contact.contactValue}
					</c:if>
					
				</c:if>
				<c:set var="ppCnt" value="${ppCnt+1}"/>
			</c:if>
		</c:if>
	</c:forEach>
	
	<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
		<c:if test="${contact.public && !contact.deleted}">		
			<c:if test="${contact.contactType==2}">
				<c:if test="${eeCnt!=0}">
					<c:set var="preCnt" value="${preCnt+1}"/>
					<c:if test="${preCnt==1}">
						
							<c:if test="${contact.contactType==2}">
								 <br/> <span class="heading">${actionBean.contactTypes[1].name}: </span>
							</c:if> 
						
					</c:if>
					<c:if test="${preCnt==1}">
						${contact.contactValue}
					</c:if>
					<c:if test="${preCnt>1}">
						, ${contact.contactValue}
					</c:if>
				
				</c:if>
				<c:set var="eeCnt" value="${eeCnt+1}"/>
			</c:if>
		</c:if>
	</c:forEach>

	
	
	
	<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
		<c:if test="${contact.public && !contact.deleted}">		
			
				<c:if test="${contact.contactType==3}">
					
						<c:set var="pr3Cnt" value="${pr3Cnt+1}"/>
						<c:if test="${pr3Cnt==1}">
							
								<c:if test="${contact.contactType==3}">
									<br/>	 <span class="heading">${actionBean.contactTypes[2].name}: </span> 
								</c:if> 
							
						</c:if>
						<c:if test="${pr3Cnt==1}">
							${contact.contactValue}
						</c:if>
						
						<c:if test="${pr3Cnt>1}">
							, ${contact.contactValue}
						</c:if>
				</c:if>
			</c:if>
	</c:forEach>		
		<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
			<c:if test="${contact.public && !contact.deleted}">		
				<c:if test="${contact.contactType==4}">
					
						<c:set var="pr4Cnt" value="${pr4Cnt+1}"/>
						<c:if test="${pr4Cnt==1}">
							
								<c:if test="${contact.contactType==4}">
									<br/>	<span class="heading">${actionBean.contactTypes[3].name}: </span>
								</c:if> 
							
						</c:if>
						<c:if test="${pr4Cnt==1}">
							${contact.contactValue}
						</c:if>
						
						<c:if test="${pr4Cnt>1}">
							, ${contact.contactValue}
						</c:if>
				</c:if>
			</c:if>
	</c:forEach>
			
		<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
			<c:if test="${contact.public && !contact.deleted}">		
				<c:if test="${contact.contactType==5}">
					
						<c:set var="pr5Cnt" value="${pr5Cnt+1}"/>
						<c:if test="${pr5Cnt==1}">
							
								<c:if test="${contact.contactType==5}">
									<br/>	 <span class="heading">${actionBean.contactTypes[4].name}: </span> 
								</c:if> 
							
						</c:if>
						<c:if test="${pr5Cnt==1}">
							${contact.contactValue}
						</c:if>
						
						<c:if test="${pr5Cnt>1}">
							, ${contact.contactValue}
						</c:if>
				</c:if>
			</c:if>
	</c:forEach>
		<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
			<c:if test="${contact.public && !contact.deleted}">		
				<c:if test="${contact.contactType==6}">
					
						<c:set var="pr6Cnt" value="${pr6Cnt+1}"/>
						<c:if test="${pr6Cnt==1}">
							
								<c:if test="${contact.contactType==6}">
									<br/>	 <span class="heading">${actionBean.contactTypes[5].name}: </span> 
								</c:if> 
							
						</c:if>
						<c:if test="${pr6Cnt==1}">
							${contact.contactValue}
						</c:if>
						
						<c:if test="${pr6Cnt>1}">
							, ${contact.contactValue}
						</c:if>
				</c:if>
			</c:if>
	</c:forEach>	
		
		<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
			<c:if test="${contact.public && !contact.deleted}">		
				
				<c:if test="${contact.contactType==7}">
				
						<c:set var="pr7Cnt" value="${pr7Cnt+1}"/>
						<c:if test="${pr7Cnt==1}">
							
								<c:if test="${contact.contactType==7}">
									<br/><span class="heading">${actionBean.contactTypes[6].name}: </span> 
								</c:if> 
							
						</c:if>
						<c:if test="${pr7Cnt==1}">
							${contact.contactValue}
						</c:if>
						
						<c:if test="${pr7Cnt>1}">
							, ${contact.contactValue}
						</c:if>
				</c:if>
			</c:if>
	</c:forEach>	
		
		<c:forEach items="${actionBean.userProfile.contacts}" var="contact" varStatus="loop">
			<c:if test="${contact.public && !contact.deleted}">		
				<c:if test="${contact.contactType==8}">
					
						<c:set var="pr8Cnt" value="${pr8Cnt+1}"/>
						<c:if test="${pr8Cnt==1}">
							
								<c:if test="${contact.contactType==8}">
									<br/>	 <span class="heading">${actionBean.contactTypes[7].name}: </span>
								</c:if> 
							
						</c:if>
						<c:if test="${pr8Cnt==1}">
							${contact.contactValue}
						</c:if>						
						<c:if test="${pr8Cnt>1}">
							, ${contact.contactValue}
						</c:if>
						
				</c:if>
		</c:if>
	</c:forEach>
	</div>	
	</div>	
	</c:if>
	
</c:if>
<%-- Other Contacts - END --%>



<%-- Emergency Contact - START --%>
<c:if test="${actionBean.userProfile.hasPublicEmergencyContact}">
<c:set var="emercnt" value="0"/>
    <div class="f-l p-5 clear background">
        <div class="f-l p-5 heading">Emergency Contact: </div><br>
		<div class="clear">
        <c:forEach items="${actionBean.userProfile.emergencyContacts}" var="emergencyContact">
            <c:if test="${emergencyContact.public && !emergencyContact.deleted}">
                <div class="f-l p-5 clear">
				<c:set var="emercnt" value="${emercnt+1}"/>
				<c:if test="${emercnt==1}">
                    <c:if test="${!empty emergencyContact.emergencyContactTypeName}">
                     ${emergencyContact.emergencyContactTypeName} - 
                    </c:if>
                    <c:if test="${!empty emergencyContact.name}">
      <!-- Name : -->${emergencyContact.name}  
                    </c:if>
                    <c:if test="${!empty emergencyContact.phone}">
     <!--Phone : -->${emergencyContact.phone}&nbsp;&nbsp;&nbsp;&nbsp; 
                    </c:if>
                    <c:if test="${!empty emergencyContact.email}">
    <!-- Email :--> ${emergencyContact.email} 
                    </c:if>
					</c:if>

					<c:if test="${emercnt>1}">
                    <c:if test="${!empty emergencyContact.emergencyContactTypeName}">
					
                       ${emergencyContact.emergencyContactTypeName} - 
                    </c:if>
                    <c:if test="${!empty emergencyContact.name}">
                       <!-- Name : -->${emergencyContact.name}  
                    </c:if>
                    <c:if test="${!empty emergencyContact.phone}">
                        <!--Phone : -->${emergencyContact.phone} &nbsp;&nbsp;&nbsp;&nbsp; 
                    </c:if>
                    <c:if test="${!empty emergencyContact.email}">
                       <!-- Email :--> ${emergencyContact.email} 
                    </c:if>
					</c:if>



                </div>
            </c:if><br>
        </c:forEach>
    </div>
	</div>
</c:if>
<%-- Emergency Contact - END --%>




<%-- Certificates - START --%>
<c:if test="${actionBean.userProfile.hasPublicCertificate}">
<c:set var="crCnt" value="0"/>
    <div class="f-l p-5 clear background">
       
		   <div class="f-l p-5 heading">Certification: </div><br>
		   <div class="clear">
        <c:forEach items="${actionBean.userProfile.certificates}" var="certificate" varStatus="crLoop">
            <c:if test="${certificate.public && !certificate.deleted}">
            	<c:set var="crCnt" value="${crCnt+1}"/>
                <div class="f-l p-5 clear">
	               	<c:if test="${crCnt==1}">
						${certificate.certificateState} <c:if test="${certificate.certificateName !='Other'}">${certificate.certificateName}</c:if> <c:if test="${certificate.certificateName =='Other'}"> ${certificate.certificateTypeOther}</c:if> ${certificate.certificateNumber}
					</c:if>						
					<c:if test="${crCnt>1}">
						${certificate.certificateState} <c:if test="${certificate.certificateName !='Other'}">${certificate.certificateName}</c:if><c:if test="${certificate.certificateName =='Other'}"> ${certificate.certificateTypeOther}</c:if> ${certificate.certificateNumber}
					</c:if>
				</div><br>
            </c:if>
        </c:forEach>
		</div>
    </div>
</c:if>
<%-- Certificates - End --%>

<%-- Court RPT Schools - START --%>
<c:if test="${actionBean.userProfile.hasPublicRptgSchools}">
<c:set var="edCnt" value="0"/>

     <div class="f-l p-5 clear background">
       
            <div class="f-l p-5 heading font"> Education Schools: </div><br>
			<div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.rptgSchools}" var="rptgSchool" >
					
	              <c:forEach items="${actionBean.rptgSchools}" var="rptgSchoolValReq" varStatus="edLoop">
		              <c:if test="${rptgSchool.selectionId == rptgSchoolValReq.selectionId }">
		              <c:set var="edCnt" value="${edCnt+1}"/>
		             
		                 	<c:if test="${edCnt==1}">
								${rptgSchoolValReq.selectionName}
							</c:if>						
	<!--<span><c:if test="${edCnt>1}">
	${rptgSchoolValReq.selectionName}
							</c:if></span></br>-->

		                 	
		                 
		                
		              </c:if>
	              </c:forEach>
				  <c:if test="${!empty rptgSchool.selectionValue}">
				  <c:set var="edCnt" value="${edCnt+1}"/>
		             
		                 	<c:if test="${edCnt==1}">
								${rptgSchool.selectionValue}
							</c:if>						
<span><c:if test="${edCnt>1}"> 
${rptgSchool.selectionValue}
							</c:if></span></br>

				   
			   </c:if>
            </c:forEach>
			</div>
        </div>
</c:if>
<%-- Court RPT Schools - End --%>

<%-- CAT Softwares - START --%>
<c:if test="${actionBean.userProfile.hasPublicCatSoftwares}">
  <c:set var="csCnt" value="0"/>

     <div class="f-l p-5 clear background">
       
            <div class="f-l p-5 heading "> CAT Software: </div><br>
			<div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.catSoftwares}" var="catSoftware">
				
              <c:forEach items="${actionBean.catSoftwares}" var="catSoftwareValReq">
              <c:if test="${catSoftwareValReq.selectionId == catSoftware.selectionId }">       
              <c:set var="csCnt" value="${csCnt+1}"/>
			  <c:if test="${csCnt==1}">${catSoftwareValReq.selectionName}</c:if>
		<!--<span>
		<c:if test="${csCnt>1}">
			${catSoftwareValReq.selectionName}</c:if></span><br/>-->
	          </c:if>
              </c:forEach>
			   <c:if test="${!empty catSoftware.selectionValue}">
			   <c:set var="csCnt" value="${csCnt+1}"/>
			  
		             <c:if test="${csCnt==1}">${catSoftware.selectionValue}</c:if>						
						<span><c:if test="${csCnt>1}">
						${catSoftware.selectionValue}</c:if></span><br/>
				   
			   </c:if>
            </c:forEach>
			</div>
        </div>  
</c:if>
<%-- CAT Softwares - End --%>

<%-- Computer OS - START --%>
<c:if test="${actionBean.userProfile.hasPublicComputerOs}">
   <c:set var="osCnt" value="0"/>

     <div class="f-l p-5 clear background">
       <div class="f-l p-5 heading"> Operating System: </div><br>
			<div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.computerOses}" var="computerOs">
		
             <c:forEach items="${actionBean.computerOses}" var="os">
                 <c:if test="${computerOs.selectionId == os.selectionId }">        
                   		 <c:set var="osCnt" value="${osCnt+1}"/>
		              
	                 	<c:if test="${osCnt==1}">
							${os.selectionName}
						</c:if>
					<!--	<span><c:if test="${osCnt>1}">
						${os.selectionName}
						</c:if></span><br/>-->
	                 	
						
                  </c:if>
			 </c:forEach>

			 <c:if test="${!empty computerOs.selectionValue}">
			 <c:set var="osCnt" value="${osCnt+1}"/>
			 <c:if test="${osCnt==1}">
				${computerOs.selectionValue}
			 </c:if>
						
			 <span><c:if test="${osCnt>1}">
			 ${computerOs.selectionValue}
			 </c:if></span></br>
		 </c:if>

			</c:forEach>
			</div>
        </div>
</c:if>
<%-- Computer OS  - End --%>

<%-- Job Types - START --%>


	  
<c:if test="${actionBean.userProfile.hasPublicJobs}">
   <c:set var="jbCnt" value="0"/>

     <div class="f-l p-5 clear background">
       
	   
            <c:if test="${actionBean.userProfile.jobTypes == 
			null}"><div class="f-l p-5 heading">Jobs Preferred: 
			</div><br>
			-Nil-
			</c:if>
			 <c:if test="${actionBean.userProfile.jobTypes != 
			null}"><div class="f-l p-5 heading">Jobs Preferred: 
			</div><br>
			
			</c:if>
			<div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.jobTypes}" var="jobType">
			
				
              <c:forEach items="${actionBean.jobTypes}" var="jobsReq">
                <c:if test="${jobType.selectionId == jobsReq.selectionId }"> 
                	<c:set var="jbCnt" value="${jbCnt+1}"/>
		              
					   
	                 	<c:if test="${jbCnt==1}">
							${jobsReq.selectionName}
						</c:if>						
					<!--	<span><c:if test="${jbCnt>1}">
						${jobsReq.selectionName}
						</c:if></span></br>-->
					
                </c:if>
               </c:forEach>
					<c:set var="jbCnt" value="${jbCnt+1}"/>
			    <c:if test="${!empty jobType.selectionValue}">

				<c:if test="${jbCnt==1}">
							${jobType.selectionValue}
						</c:if>						
						<span><c:if test="${jbCnt>1}">
							  ${jobType.selectionValue}
						</c:if></span></br>
				   
			   </c:if>
            </c:forEach>
			</div>
        </div>
</c:if>
<%-- Job Types  - End --%>
 <c:if test="${actionBean.userProfile.travelInfoPublic}">
 <div class="f-l p-5 clear background">
       
     <div class="f-l p-5 heading">Travel Information: </div><br>
	<div class="f-l p-5 clear">
	 <c:if test="${actionBean.userProfile.hasPassport==true}">
               		Has Passport - YES <br/>
               	</c:if>	
				<c:if test="${actionBean.userProfile.hasPassport==false}">
               		Has Passport - NO <br/>
               	</c:if>

				
               		  	<div class="table trvl-table">
               		  		<div class="tr">
        						<div class="td c1">  
               		  				
               		  			</div>
               		  			 <div class="td c2">
								
               		  			<c:if test="${actionBean.userProfile.willingToTravelOutOfArea == false}"> 	
               		  			 Willing to travel out of Area:  NO</c:if>
								<c:if test="${actionBean.userProfile.willingToTravelOutOfArea == true}"> 	
               		  			Willing to travel out of Area:  YES</c:if>
								<c:if test="${!empty actionBean.userProfile.areaNotes}"> - ${actionBean.userProfile.areaNotes} </c:if> <br>
               		  				
               		  				
               		  			<c:if test="${actionBean.userProfile.willingToTravelOutOfState == true}">Willing to Travel Out of the State:  YES</c:if>
								<c:if test="${actionBean.userProfile.willingToTravelOutOfState == false}">Willing to Travel Out of the State:  NO</c:if>
								<c:if test="${!empty actionBean.userProfile.stateNotes}"> - ${actionBean.userProfile.stateNotes}
								</c:if><br> 
               		  					
               		  			<c:if test="${actionBean.userProfile.willingToTravelOutOfCountry == true}">		
               		  			Willing to Travel Out of the Country:  YES</c:if>
								<c:if test="${actionBean.userProfile.willingToTravelOutOfCountry == false}">		
               		  			Willing to Travel Out of the Country:  NO</c:if>
								<c:if test="${!empty actionBean.userProfile.countryNotes}"> - ${actionBean.userProfile.countryNotes}
								</c:if>
               		  							
               		  				
               		  			 </div>	 
               		  		</div>
</div>
</div>
</div>
 </c:if>           
<!--
<c:if test="${actionBean.userProfile.travelInfoPublic}">

     <div class="f-l p-5 clear">
       
            <div class="f-l p-5 heading">Travel Info: </div><br>
            
            <div class="f-l p-5 font">
            	<c:if test="${actionBean.userProfile.hasPassport==true}">
               		Has Passport - YES <br/>
               	</c:if>	
				<c:if test="${actionBean.userProfile.hasPassport==false}">
               		Has Passport - NO <br/>
               	</c:if>
               	<c:if test="${actionBean.userProfile.willingToTravelOutOfArea || actionBean.userProfile.willingToTravelOutOfState || actionBean.userProfile.willingToTravelOutOfCountry }">
               		  <div class="f-l p-5">
               		  	<div class="table trvl-table">
               		  		<div class="tr">
        						<div class="td c1">  
               		  				Willing to travel out of :&nbsp;&nbsp;  
               		  			</div>
               		  			 <div class="td c2">
               		  			 	<c:if test="${actionBean.userProfile.willingToTravelOutOfArea}">
               		  					Area <c:if test="${!empty actionBean.userProfile.areaNotes}"> - ${actionBean.userProfile.areaNotes} </c:if> 
               		  				</c:if>
               		  				<c:if test="${!actionBean.userProfile.willingToTravelOutOfArea}">	
               		  					<c:if test="${actionBean.userProfile.willingToTravelOutOfState}">
               		  						State <c:if test="${!empty actionBean.userProfile.stateNotes}"> - ${actionBean.userProfile.stateNotes}</c:if> 
               		  					</c:if>	
               		  					<c:if test="${!actionBean.userProfile.willingToTravelOutOfState}">
               		  						<c:if test="${actionBean.userProfile.willingToTravelOutOfCountry}">
               		  							Country <c:if test="${!empty actionBean.userProfile.countryNotes}"> - ${actionBean.userProfile.countryNotes}</c:if>
               		  						</c:if>	
               		  					</c:if>	
               		  				</c:if>
               		  			 </div>	 
               		  		</div>
               		  		<div class="tr">
        						<div class="td c1">  
               		  				
               		  			</div>
               		  			 <div class="td c2">
               		  			 	<c:if test="${actionBean.userProfile.willingToTravelOutOfState}">
           		  						State <c:if test="${!empty actionBean.userProfile.stateNotes}"> - ${actionBean.userProfile.stateNotes}</c:if>
           		  					</c:if>	
           		  					<c:if test="${!actionBean.userProfile.willingToTravelOutOfState}">
           		  						<c:if test="${actionBean.userProfile.willingToTravelOutOfCountry}">
           		  							Country <c:if test="${!empty actionBean.userProfile.countryNotes}"> - ${actionBean.userProfile.countryNotes}</c:if>
           		  						</c:if>	
           		  					</c:if>	
               		  			 </div>	 
               		  		</div>
               		  		<div class="tr">
        						<div class="td c1">  
               		  				
               		  			</div>
               		  			 <div class="td c2">
               		  			 	<c:if test="${actionBean.userProfile.willingToTravelOutOfCountry}">
               		  					Country <c:if test="${!empty actionBean.userProfile.countryNotes}"> - ${actionBean.userProfile.countryNotes}</c:if>
               		  				</c:if>	
               		  			 </div>	 
               		  		</div> 
               		  	</div>	            		  		
               		  </div>
               	</c:if>
        </div>
     </div>   
 	</c:if>
 	<%-- Travel Info  - END --%>
-->
<%-- Preferences - START --%>
<c:if test="${actionBean.userProfile.hasPublicLocation}">
     <div class="f-l p-5 clear background">
       
	   <c:forEach items="${actionBean.userProfile.locations}" var="locations" varStatus="locloop">
            <c:if test="${locations.public && !locations.deleted}">
				<c:if test="${locloop.index ==0}"><div class="f-l p-5 heading">Location Preferences: </div><br></c:if></c:if></c:forEach>
            <div class="f-l p-5 font">
        <c:forEach items="${actionBean.userProfile.locations}" var="locations" varStatus="locloop">
            <c:if test="${locations.public && !locations.deleted}">
				
                    <c:if test="${!empty locations.locationValue}">
                        ${locations.locationValue}  <c:if test="${!empty locations.notes}">  ${locations.notes} </c:if> <br/>
                    </c:if>  
                
            </c:if>
        </c:forEach>
        </div>
    </div>
</c:if>
<%-- Preferences - End --%>


<%-- Specialities - START --%>
<c:if test="${actionBean.userProfile.hasPublicSpecialities}">
 	<c:set var="spCnt" value="0"/>
    <div class="f-l p-5 clear background">
       
            <div class="f-l p-5 heading">Specialties: </div><br>
            <div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.specialities}" var="speciality">
				
                <c:forEach items="${actionBean.specialities}" var="specialities">                       
                  <c:if test="${speciality.selectionId == specialities.selectionId }">      
                    	<c:set var="spCnt" value="${spCnt+1}"/>
		              
	                 	<c:if test="${spCnt==1}">
							${specialities.selectionName}
						</c:if>						
						<!--<span><c:if test="${spCnt>1}">
							${specialities.selectionName}
						</c:if></span></br>-->
					
                  </c:if>
               </c:forEach>
			   <c:if test="${!empty speciality.selectionValue}">


				<c:set var="spCnt" value="${spCnt+1}"/>
		              
	                 	<c:if test="${spCnt==1}">
							${speciality.selectionValue}
						</c:if>						
						<span><c:if test="${spCnt>1}">
							 ${speciality.selectionValue}
						</c:if></span></br>
				   
			   </c:if>
            </c:forEach>
        </div>
    </div>
</c:if>
<%-- Specialities - End --%>
<%-- Expertises - START --%>
<c:if test="${actionBean.userProfile.hasPublicExpertises}">
   <c:set var="expCnt" value="0"/>
    <div class="f-l p-5 clear background">       
            <div class="f-l p-5 heading">Expertise: </div><br>
            <div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.expertises}" var="expertise">
              <c:forEach items="${actionBean.expertises}" var="expertises">
                 <c:if test="${expertise.selectionId == expertises.selectionId }">         
                     <c:set var="expCnt" value="${expCnt+1}"/>
		              
	                 	<c:if test="${expCnt==1}">
							${expertises.selectionName}
						</c:if>						
						<!--<span><c:if test="${expCnt>1}">
							 ${expertises.selectionName}
						</c:if></span></br>-->
					
                </c:if>
             </c:forEach>
			 <c:if test="${!empty expertise.selectionValue}">

			 <c:set var="expCnt" value="${expCnt+1}"/>
		              
	                 	<c:if test="${expCnt==1}">
							${expertise.selectionValue}
						</c:if>						
						<span><c:if test="${expCnt>1}">
							${expertise.selectionValue}
						</c:if></span></br>
				   
			   </c:if>
            </c:forEach>
        </div>
    </div>
</c:if>
<%-- Expertises - End --%>

<%-- Hobbies - START --%>
<c:if test="${actionBean.userProfile.hasPublicHobbies}">
    <c:set var="hbCnt" value="0"/>
    <div class="f-l p-5 clear background">       
            <div class="f-l p-5 heading">Hobbies: </div><br>
            <div class="f-l p-5 font">
            <c:forEach items="${actionBean.userProfile.hobbies}" var="hobby">
              <c:forEach items="${actionBean.hobbies}" var="hobbies">
               <c:if test="${hobby.selectionId == hobbies.selectionId }"> 
               <c:set var="hbCnt" value="${hbCnt+1}"/>
		              
	                 	<c:if test="${hbCnt==1}">
							${hobbies.selectionName}
						</c:if>						
						<!--<span><c:if test="${hbCnt>1}">		${hobbies.selectionName}
						</c:if></span></br>-->
					
               </c:if>
              </c:forEach>
			  <c:if test="${!empty hobby.selectionValue}">
			  <c:set var="hbCnt" value="${hbCnt+1}"/>
		              
	                 	<c:if test="${hbCnt==1}">
							${hobby.selectionValue}
						</c:if>						
						<span><c:if test="${hbCnt>1}">
							${hobby.selectionValue}
						</c:if></span></br>
				   
			   </c:if>
            </c:forEach>
        </div>
    </div>
</c:if>
<%-- Hobbies - End --%>

<%-- Timing Start --%>


            
   
    <c:if test="${!empty actionBean.userProfile.avaliabilityScheduleNotes || !empty actionBean.userProfile.mondayFrom || !empty actionBean.userProfile.mondayTo || !empty actionBean.userProfile.tuesdayFrom || !empty actionBean.userProfile.tuesdayTo || !empty actionBean.userProfile.wednesdayFrom || !empty actionBean.userProfile.wednesdayTo || !empty actionBean.userProfile.thursdayFrom || !empty actionBean.userProfile.thursdayTo || !empty actionBean.userProfile.fridayFrom || !empty actionBean.userProfile.fridayTo || !empty actionBean.userProfile.saturdayFrom || !empty actionBean.userProfile.saturdayTo || !empty actionBean.userProfile.sundayFrom || !empty actionBean.userProfile.sundayTo}">
	 <div class="f-l p-5 clear background"> 
  
			<div class="f-l p-5 heading">Availability Schedule: </div></c:if>
       <ul class="f-l p-5 font timings-public" >
<c:if test="${!empty actionBean.userProfile.mondayFrom || !empty actionBean.userProfile.mondayTo }">
<li>
<span>Monday </span>

<stripes:text name="mondayfrom"  value="${actionBean.userProfile.mondayFrom}" id="mondayFrom" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;"  disabled="disabled"/>
<span> - </span>
<stripes:text name="mondayto" value="${actionBean.userProfile.mondayTo}" id="mondayTo" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;"  disabled="disabled"/>
</li></c:if>

<c:if test="${!empty actionBean.userProfile.tuesdayFrom || !empty actionBean.userProfile.tuesdayTo}">
<li>
<span>Tuesday</span>
<stripes:text name="tuesdayfrom"  value="${actionBean.userProfile.tuesdayFrom}" id="tuesdayFrom" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;" disabled="disabled"/>
<span> - </span>
 <stripes:text name="tuesdayto" value="${actionBean.userProfile.tuesdayTo}" id="tuesdayTo" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;"  disabled="disabled"/>
</li>
</c:if>
 <c:if test="${!empty actionBean.userProfile.wednesdayFrom || !empty actionBean.userProfile.wednesdayTo}"> 
<li>
<span>Wednesday</span>
<stripes:text name="wednesdayfrom"  value="${actionBean.userProfile.wednesdayFrom}" id="wednesdayFrom" class="schedule" style="background:none;border:none;width:58px;"  disabled="disabled"/>
<span> - </span>
<stripes:text name="wednesdayto"  value="${actionBean.userProfile.wednesdayTo}" id="wednesdayTo" class="schedule" style="background:none;border:none;width:58px;"  disabled="disabled"/>
</li>
</c:if>
 <c:if test="${!empty actionBean.userProfile.thursdayFrom || !empty actionBean.userProfile.thursdayTo}"> 
<li>
<span>Thursday</span>
<stripes:text name="thursdayfrom" value="${actionBean.userProfile.thursdayFrom}" id="thursdayFrom" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;" disabled="disabled"/>
<span> - </span>
<stripes:text name="thursdayto" value="${actionBean.userProfile.thursdayTo}" id="thursdayTo" class="schedule" readonly="readonly" style="background:none;border:none;width:58px;"  disabled="disabled"/>
</li>
</c:if>
 <c:if test="${!empty actionBean.userProfile.fridayFrom || !empty actionBean.userProfile.fridayTo}"> 
<li>
<span>Friday</span>
 <stripes:text name="fridayfrom"  value="${actionBean.userProfile.fridayFrom}" id="fridayFrom" class="schedule" style="background:none;border:none;width:58px;"  readonly="readonly"  disabled="disabled"/>
<span> - </span>
<stripes:text name="fridayto" value="${actionBean.userProfile.fridayTo}" id="fridayTo" class="schedule" style="background:none;border:none;width:58px;" readonly="readonly"  disabled="disabled"/>
</li>
</c:if>
<c:if test="${!empty actionBean.userProfile.saturdayFrom || !empty actionBean.userProfile.saturdayTo}"> 
<li>
<span >Saturday</span>
<stripes:text name="saturdayfrom" value="${actionBean.userProfile.saturdayFrom}" id="saturdayFrom" class="schedule" style="background:none;border:none;width:58px;" readonly="readonly" disabled="disabled"/>
<span> - </span>
<stripes:text name="saturdayto" value="${actionBean.userProfile.saturdayTo}" id="saturdayTo" class="schedule" style="background:none;border:none;width:58px;" readonly="readonly"  disabled="disabled"/>
</li>
</c:if>
<c:if test="${!empty actionBean.userProfile.sundayFrom || !empty actionBean.userProfile.sundayTo}"> 
<li>
<span >Sunday</span>
<stripes:text name="sundayfrom"  value="${actionBean.userProfile.sundayFrom}" id="sundayFrom" class="schedule" style="background:none;border:none;width:58px;" readonly="readonly"  disabled="disabled"/>
<span> - </span>
<stripes:text name="sundayto" value="${actionBean.userProfile.sundayTo}" id="sundayTo" class="schedule" style="background:none;border:none;width:58px;" readonly="readonly"  disabled="disabled"/>
</li>
</c:if>
</ul>
<c:if test="${!empty actionBean.userProfile.avaliabilityScheduleNotes}">
			   <div class="clear"><span><b>Notes: </b></span>${actionBean.userProfile.avaliabilityScheduleNotes}</div>
			   </c:if>

</div>

</stripes:form>

<script>

$(".time:even").timeEntry( {
	show24Hours: true, // True to use 24 hour time, false for 12 hour (AM/PM) 
	defaultTime: '00:00AM'
  });
    $(".time:odd").timeEntry( {
	show24Hours: true, // True to use 24 hour time, false for 12 hour (AM/PM) 
	defaultTime: '00:00PM'
  });
  $(".schedule").timeEntry( {
	show24Hours: true // True to use 24 hour time, false for 12 hour (AM/PM) 
  });

  
  
  var hrtype=${actionBean.userProfile.hourType};
  if(hrtype==1){$(".time").timeEntry('change', 'show24Hours', false); $(".schedule").timeEntry('change', 'show24Hours', false);}
  else{$(".time").timeEntry('change', 'show24Hours', true);$(".schedule").timeEntry('change', 'show24Hours', true);}
  
  $("#hourType").change(function(){
    if($(this).val()==1) {$(".time").timeEntry('change', 'show24Hours', false);}
	else if($(this).val()==2) {$(".time").timeEntry('change', 'show24Hours', true); }
	});
</script>

